﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,300,600);

/* RESET CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select { vertical-align:middle; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }
.clearfix:after { clear: both; content: ""; font-size: 0;  height: 0; display: block; visibility: hidden; }
.clearfix { *display: inline-block; height: 1%; }

/* Framework */
body {font-family: 'Open Sans', sans-serif; font-size:13px;padding:30px 0;}
a:link, a:visited {text-decoration:none;color:#F60;
    outline: medium none;
    transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -moz-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -webkit-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -o-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
}
.container {width:1024px;margin:0 auto;}

/* SLIDE */
.top_head {margin-bottom:15px;padding:10px;background:url('../Images/bg_header.png') repeat;}
.top_head .title{width:1004px;height:100px;}
.top_head .title img {float:left;padding:30px 0 5px 5px;}
.top_head .title h4 {float:left;color:#d9d5df;font-size:25px;margin:30px 0 0 20px; }
.top_head .title span {float:left;color:#89886a;font-size:16px;padding: 0px 15px 0px 15px; }
.manage{width: 253px;height: 90px;float: right;}
.manage #lblUser{color: #fff;font-size: 14px;padding: 0px 15px 0px 15px;}

.login{margin: 40px 10px 0px 0px;float: right;width: auto;height: auto;}                                                 
.login #txtUsername{background: #fff;border: 1px solid #e2e2e2;
                    padding: 2px 5px;font-size: 13px!important;
                    font-family: 'Muli',sans-serif;
                    width: 60px;border-radius: 3px;margin: 0px;}
.login #txtPassword{background: #fff;border: 1px solid #e2e2e2;
                    padding: 2px 5px;font-size: 13px!important;
                    font-family: 'Muli',sans-serif;
                    width: 60px;border-radius: 3px;}      
                    
.login #btnLogin {background:url('../Images/bg_header.png') repeat;                   
                   font-size: 17px!important;font-family: 'Muli',sans-serif;
                   margin: 0px 0px 0px 5px;border:none;color:#89886a;width: 46px;
                   padding: 5px 0px;}                        
.logout{margin: 18px 10px 0px 0px;float: right;width: auto;height: auto;}                    
.logout #btnAccManage{background: url('../Images/bg_header.png') repeat;
                      font-size: 17px!important;font-family: 'Muli',sans-serif;
                      margin: 0px 0px 0px 5px;border: none;color: #89886a;
                      width: 128px;padding: 5px 0px;}                    
.logout #btnLogout{background: url('../Images/bg_header.png') repeat;
                      font-size: 17px!important;font-family: 'Muli',sans-serif;
                      margin: 0px 0px 0px 5px;border: none;color: #89886a;
                      width: 60px;padding: 5px 0px 5px 10px;border-left: 1px solid #89886a;}

.top_head .title #btnSearch{background: #fff;
            border: 1px solid #e2e2e2;            
            font-size: 13px!important;
            font-family: 'Muli',sans-serif;            
            margin: 25px 0 0 10px;
            border-radius: 3px;
            color:Black;    
            width: 82px;
            height: 28px;
            }
.top_head .slider {background:#fff;height:300px;}
.top_head .slides img {width:1004px;height:300px;}
    
/* MENU */     
.menu {margin:0 51px 15px;float:left;}
.menu li {font-size:16px;border-right:1px solid #9a9a9b;border-left:1px solid #9a9a9b;padding:0 5px;float:left;}
.menu li:first-child {border-left:2px solid #9a9a9b;}
.menu li:last-child {border-right:2px solid #9a9a9b;}
.menu li a {color:White;text-decoration:none;display:block;padding: 10px 65px;}
.menu li a.active {background:url('../Images/bg_header.png') repeat;color:#da9751;}
.menu li a:hover {background:url('../Images/bg_header.png') repeat;color:#da9751;}


/*footer*/
#footer{}
#footer .content_footer{background:url('../Images/bg_header.png') repeat;padding:10px;padding: 10px;margin: 10px 0px 0px 0px;height: auto;}
#footer .content_footer p {text-align:center;color: #3d3a35;font-size: 16px;font-family: cursive;padding: 20px 0px 10px 0px;}
#footer .content_footer a {color: #3d3a35;font-size: 16px;font-family: cursive;}
#footer .content_footer a:hover {text-decoration:underline;}
#footer .content_footer #imgYahoo {margin: 10px 0px 10px 443px;width:24px; height:24px;}
#footer .content_footer #imgTwiter {margin: 10px;padding: 0px 10px 0px 10px;border-left: 2px solid #3d3a35;border-right: 2px solid #3d3a35;}
#footer .content_footer #imgFacebook {margin: 10px 0px 10px 0px;}
